<div
  class="jumbotron text-center font-weight-bold"
  id="jumbotron"
  style="background: url({{site.url}}{{site.baseurl}}/img/bgi.png) no-repeat scroll;background-size: cover;"
>
  <p>
    <a
      class="text-white text-center"
      href="{{site.url}}{{site.baseurl}}/about.html"
      >Mist of Doomsday Magic Cabal</a
    >
  </p>
  <p>
    <a
      class="display-3 text-white"
      href="{{site.url}}{{site.baseurl}}/about.html"
      >終焉の朝霧魔法結社</a
    >

    <br />
  </p>

  <p>
    <a
      class="text-white text-center"
      href="{{site.url}}{{site.baseurl}}/about.html"
      >魔法の真髄は全てここにいる</a
    >
    <br /><br />
  </p>
  <br>
  <p class="text-white text-center h6"><a class="text-white" href="{{site.url}}{{site.baseurl}}/about.html"><b>PROJECT</b></a></p>
  <p class="lead">
      <!-- 在此处增加一个div居中，但是其中文字向左对齐的样式 -->
      <style>
          .link-list {margin:0 auto;width:220px;border:0px solid;text-align:left;}
      </style>
      <div class="link-list text-white">
        <a class="text-white text-center h5" href="{{site.baseurl}}{{site.url}}/computerscience/2013/07/08/booklist.html">・booklist.cs</a
        ><br /> 
        <a class="text-white text-center h5" href="http://bcqlr.com">・deerrider.essays</a
        ><br />
        <a class="text-white text-center h5" href="http://nagajamu.com">・reading.notes</a
        ><br />
        <a class="text-white text-center h5" href="http://nagajamu.com/2018/10/05/python-tpl/">・python.tutorial</a
        ><br />
        <a class="text-white text-center h5" href="http://bddbl.com">・bddbl.lib</a
        ><br />
        <!-- <a
          class="text-white text-center h5"
          href="{{site.url}}{{site.baseurl}}/others/2016/04/04/resume.html"
          >・  about.akiritsu</a
        > -->
      </div>
  </p>
</div>
